<?php
include("bad_status.php");
?>
<!doctype html>
<html>
<head>
   <title>Bad</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" data-add-back-btn="true">
    
    <script type='text/javascript' src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type='text/javascript' >
$(window).load(function(){
$("#slider").on("slidestop", function (event,ui) {
var value = event.target.value;

$.ajax({
   url : "http://192.168.1.150/config/xmlapi/statechange.cgi",
   type : "GET",
   data: {ise_id: "3005", new_value: value },
   dataType: "html"
  });	
});
});
</script>
<script type='text/javascript'>
function refreshPage() {
  $.mobile.changePage(
    window.location.href,
    {
      allowSamePageTransition : true,
      transition              : 'none',
      showLoadMsg             : false,
      reloadPage              : true
    }
  );
}
</script>
    <script type='text/javascript' src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.js"></script>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.css">
</head>

<body>
    <div data-role="page" >
 
        <div data-role="header">
		    <a href="bad.php" data-icon="back">Zur&uuml;ck</a>
            <h1>Bad</h1>
			<a href="#" data-icon="refresh" data-iconpos="right" onclick="refreshPage(); return false">Aktualisieren</a>
        </div><!-- /header -->
 
        <div data-role="content">
		<h1>Grafik 3 Tage</h1>
           
			<img src="grafik_bad_2day.php">
        </div><!-- /content -->
 
      
 
    </div><!-- /page -->
</body>
</html>